<template>
	<view class="display-flex result_box">
		<view class="result_box_top display-flex">
			<image :src="'/images/successicon.png' | formatImgUrl" mode="aspectFit"></image>
			<view class="result_status">
				提交成功
			</view>
			<view class="result_font">
				<view class="">
					请您确保填写的信息真实、准确、完整。
				</view>
				<view class="">
					一旦您填写完成并提交，
				</view>
				<view class="">
					我们将在7个工作日内为您开具发票，
				</view>
				<view class="">
					并通过您选择的方式发送给您。
				</view>
				<view class="">
					如果您有任何疑问或需要帮助，
				</view>
				<view class="">
					请随时联系我们的客服团队。
				</view>
				<view class="">
					感谢您的支持和信任！
				</view>
			</view>
		</view>

		<view class="result_btn" @tap="onFinish">
			完成
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {}
		},
		methods:{
			onFinish(){
				uni.navigateBack({
					delta: 2
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.result_box {
		flex-direction: column;
		justify-content: space-between;
		height: 100vh;
		padding-top: 150rpx;
		padding-bottom: calc(var(--window-bottom) + 40rpx);
		box-sizing: border-box;

		.result_box_top {
			flex-direction: column;

			image {
				width: 180rpx;
				height: 180rpx;
			}
			
			.result_status{
				font-family: Source Han Sans CN;
				font-size: 16px;
				font-weight: bold;
				color: #3D3D3D;
				margin-top: 35rpx;
			}

			.result_font {
				margin-top: 35rpx;
				width: 650rpx;
				font-family: '思源黑体';
				font-size: 14px;
				color: #999999;
				text-align: center;

				view {
					margin-bottom: 5rpx;
				}
			}
		}

		.result_btn {
			width: 315px;
			height: 43px;
			border-radius: 8px;
			background: #45C4B0;
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: '思源黑体';
			font-size: 16px;
			font-weight: bold;
			color: #FFFFFF;
		}
	}
</style>